<template>
	<!-- 开始写优惠团购 -->
	<view class="content" @tap="ComeToGroup_Buy_Detail">
		<view class="img">
			<img style="width: 100%;height: 100%;" src="https://i3.3conline.com/images/piclib/201003/05/batch/1/56233/1267723169949451105fdl4.jpg" alt="" />
		</view>
		<view class="title">
			<text class="title_text">北京四日追花拍摄秘籍——故宫</text>
			<fui-icon name="roundright" size="50" color="#0055ff" class="title_icon"></fui-icon>
		</view>
	</view>
	
	<view class="content" @tap="ComeToGroup_Buy_Detail">
		<view class="img">
			<img style="width: 100%;height: 100%;" src="https://i3.3conline.com/images/piclib/201003/05/batch/1/56233/1267723169949451105fdl4.jpg" alt="" />
		</view>
		<view class="title">
			<text class="title_text">北京四日追花拍摄秘籍——故宫</text>
			<fui-icon name="roundright" size="50" color="#0055ff" class="title_icon"></fui-icon>
		</view>
	</view>
	
</template>

<script setup>
	import fuiIcon from "@/component/firstui/firstui/fui-icon/fui-icon.vue"
	const ComeToGroup_Buy_Detail =()=>{
		console.log("开始跳转")
		uni.navigateTo({
			url:'/pages/gyf/group_buy_detail/group_buy_detail'
		})
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 90vw;
		height: 30vh;
		margin: 1vh auto;
		box-shadow: 1px 1px 10px 2px #e7e7e7;
		.img{
			width: 100%;
			height:85%;
		}
		.title{
			width: 100%;
			height: 15%;
			padding: 0 2vw;
			position: relative;
			.title_text{
				width: 90%;
				height: 100%;
				line-height: 35px;
			}
			.title_icon{
				width: 10%;
				height: 60%;
				position: absolute;
				top:6px;
				right: 0px;
			}
		}
	}
</style>